<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>dialog窗口</title>
		<link rel="stylesheet" href="css/debug.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body style="background-color:rgb(104, 213, 83);">
	<!--最大化的窗口样式>-->
		<div class="oc-dialog oc-dialog-max">
			<header>
				<i class="divider"></i>
				<i class="divider"></i>
				<i></i>
				<i></i>
				<i class="divider"></i>
				<label>title</label>
			</header>
			<nav>
				<button>-</button>
				<button>+</button>
				<button class="danger">&times;</button>
			</nav>
			<main>main内容主体</main><!--窗口内容主体-->
			</div>
	<!--一般默认大小的窗口样式-->
		<div class="oc-dialog" style="
			left: 10rem;
			top: 10rem;
		">
			<header>
				<i class="divider"></i>
				<i></i>
				<i class="divider"></i>
				<label>标题</label>
			</header>
			<nav>
				<button>-</button>
				<button>+</button>
				<button class="danger">&times;</button>
			</nav>
			<main>Main</main>
		</div>
	</body>
</html>